<extend name="Base/common"/>

<block name="script">
    <script type="text/javascript">
      $(function(){
        //轮播图效果
        var c = 0;
        //加一个时间事件
        function timer(){
            //获得序号
            c++;
            if(c==6){
              c=0;
            }
//            alert(c);
            //让自己显示，兄弟元素隐藏
            $("#inBaner .big_eye_pic li").eq(c).stop().fadeIn(1800).siblings().fadeOut(800);
            //改变颜色
            $("#inBaner .btn ul li").eq(c).stop().addClass("cur").siblings().removeClass("cur");
        }
        time = setInterval(timer,2000);
        //给图片添加一个移入移出效果
        $("#inBaner").hover(function(){
          //停止时间
          clearInterval(time);
        },function(){
          //时间继续
          time = setInterval(timer,2000);
        });
        //给色块添加一个移入移出事件
        $("#inBaner .btn ul li").mouseenter(function(){
          var n = $(this).index();
          //让第一个人图片显示 其余的隐藏
          $("#inBaner .big_eye_pic li").eq(n).stop().show().siblings().hide();
          //改变颜色
          $("#inBaner .btn ul li").eq(n).stop().addClass("cur").siblings().removeClass("cur");
        });
        //添加一个点击事件
        $(".her_top .her_title .her_menu li").click(function(){
          var n = $(this).index();
          //切换颜色
          $(".her_menu li").eq(n).addClass("current").siblings().removeClass("current");
          //切换商品
          $(".her_top .pro_con").eq(n).show().siblings(".pro_con").hide();
        })
        //搜索框下滑
        $(window).scroll(function(){
          //获得滚动条距离顶部距离
          var t = $(document).scrollTop();
              document.title = t;
              if(t>530){
                $("#nav").show();
              }else{
                $("#nav").hide();
              }
        });
      });
    </script>
    <script language="javascript" type="text/javascript"> 
      var interval = 1000; 
      function ShowCountDown(year,month,day,divname) 
      { 
      var now = new Date(); 

      var endDate = new Date(year, month-1, day); 
      var leftTime=endDate.getTime()-now.getTime(); 
      
      var leftsecond = parseInt(leftTime/1000); 
      //var day1=parseInt(leftsecond/(24*60*60*6)); 
      var day1=Math.floor(leftsecond/(60*60*24)); 
      var hour=Math.floor((leftsecond-day1*24*60*60)/3600); 
      var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60); 
      var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60); 
      var cc = document.getElementById(divname); 
      cc.innerHTML = day1+"天"+hour+"小时"+minute+"分"+second+"秒"; 
      } 
      // window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval); 
</script> 

    <block name="header"></block>
    </block>
 
    <!--顶部公用-->
   
      <!--头部end-->
      <!--轮播区域-->
      <block name="side">
      <div class="full_big_eye">
          <!--菜单-->
        <div class="index_type">
          <ul class="index_type_ul">
          <volist name="category" id="vo">
            <li>
                        <span>{$vo.title} <b>></b></span>
                        <div class="nav_type_list" data="1">
                            <ul>
                                <volist name="vo['_']" id="v">
                                <li><a href="{:U('Index/listlie',array('case'=>$v['id']))}">{$v.title}</a></li>
                          
                                <ul>
                                <volist name="v['_']" id="c">
                                   <li><a href="{:U('Index/listlie',array('case'=>$c['id']))}">{$c.title}</a></li>
                                   </volist>
                                </ul>
                            
                                 </volist>
                            </ul>
                        </div>
            </li>
            </volist>
            
                            </ul>
                        </div>
         
          <!--菜单-->
          <!--轮播图-->
          <div class="full_eye">
            <div id="inBaner">
              <ul class="big_eye_pic">
                <li style="display: block;">
                  <a href="" class="img_box">
                    <img src="/Application/Home/Common/image/web-101-101-1.jpg"/>
                  </a>
                </li>
                <li>
                  <a href="" class="tpl">
                    <img src="/Application/Home/Common/image/web-101-101-2.jpg"/>
                  </a>
                </li>
                <li>
                  <a href="" class="tpl">
                    <img src="/Application/Home/Common/image/web-101-101-3.jpg"/>
                  </a>
                </li>
                <li>
                  <a href="" class="tpl">
                    <img src="/Application/Home/Common/image/web-101-101-4.jpg"/>
                  </a>
                </li>
                <li>
                  <a href="" class="tpl">
                    <img src="/Application/Home/Common/image/web-101-101-5.jpg"/>
                  </a>
                </li>
              </ul>
              <div class="btn">
                  <ul>
                    <li class="cur"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                  </ul>
              </div>
            </div>
          </div>
          <!--轮播图-->
      </div>
      </block>
      <!--轮播区域-->
      <!--商品区-->
      <block name="main">
      <div class="w1200">
        <div class="her_top">
          <div class="her_title">
            <ul class="her_menu">
              <li class="current">
                <i class="today_zb_icon"></i>
                精选服饰
                <i class="jx_icon_down"></i>
              </li>
              <li>
                <i class="yesto_icon"></i>
                限时抢购
                <i class="jx_icon_down"></i>
              </li>
            </ul>
          </div>
            <div class="pro_con" style="display: block;">
              <div class="P_left">
                <div class="groDiv">
                  <div style="position: relative;overflow: hidden;">
                    <ul class="groUlOut">
                    <volist name="sjsp" id="vo">
                      <li style="float: left;width: 224px;">
                        <div class="x">精选商品</div>
                        <a href="{:U('Index/iemt',array('gid'=>$vo['id']))}" class="pro">
                          <if condition="is_array($vo['pic']) ==true">
                                            
                                            <img src="/Uploads/{$vo['pic']['0']}"/></span></br>
                                                    <else />
                  <img src="/Uploads/{$vo.pic}"/></span></br>
                  </if>
                        </a>
                        <p class="box_glay">
                          <a href="" class="pro_text">
                            <span>{$vo.name}</span>
                          </a>
                        </p>
                        <p class="p_num">
                          No.9195763
                        </p>
                        <div class="now_price">
                          <div class="price">
                            <span class="bigfont">
                              <span class="f_14">￥</span><span>{$vo.mprice}</span>
                            </span>
                            <span><del>{$vo.sprice}</del></span>
                            <div class="zk">4.8折</div>
                          </div>
                        </div>
                      </li>
                      </volist>

                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="pro_con" style="display: none;">
              <div class="P_left">
                <div class="groDiv">
                  <div style="position: relative;overflow: hidden;">
                    <ul class="groUlOut">
                    <volist name="xsqg" id="vo">
                      <li style="float: left;width: 224px;">
                      <div class="count-down-area">
                          <div class="timer default-bg">

                       <div class="djs_time" style="left: 0px;" data-countdown="{$vo.endtime}">
                      还剩<span id="divdown1">{$vo.endtime|time_format}</span>
                    </div>
                    </div>
                    </div>
                        <a href="{:U('Index/iemt',array('gid'=>$vo['id']))}" class="pro">
                         <if condition="is_array($vo['pic']) ==true">
                                            
                                            <img src="/Uploads/{$vo['pic']['0']}"/></span></br>
                                                    <else />
                  <img src="/Uploads/{$vo.pic}"/></span></br>
                  </if>
                        </a>
                        <p class="box_glay">
                          <a href="" class="pro_text">
                            <span>{$vo.name}</span>
                          </a>
                        </p>
                        <p class="p_num">
                          No.9195763
                        </p>
                        <div class="now_price">
                          <div class="price">
                            <span class="bigfont">
                              <span class="f_14">￥</span><span>{$vo.mprice}</span>
                            </span>
                            <span><del>{$vo.sprice}</del></span>
                            <div class="zk">4.8折</div>
                          </div>
                        </div>
                      </li>
                      </volist>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
        </div>
          <!--第二区-->
          
          <!--第二区-->
          <!--第三区-->
          <div class="jinpin_box">
            <div class="qinha_title">
              <div class="v_h2">
                        <p class="h2_top">品类精选</p>
                        <p class="h2_bottom">品类齐全 轻松购物</p>
                    </div>
            </div>
            <ul class="jinpin_ul">
              <li>
                <a href=""><img src="/Application/Home/Common/image/jinpin_1.png"/></a>
                <a href="go.html" target="_blank" class="ppsx_tc">
                            <div class="ppsx_tc_xx">
                                <div class="ppsx_tc_xx1">
                                    <div class="ppsx_xx_zk"><span>79</span>元起</div>
                                    <div class="ppsx_xx_qg">立即抢购</div>
                                </div>
                            </div>
                        </a>
              </li>
              <li>
                <a href=""><img src="/Application/Home/Common/image/jinpin_2.png"/></a>
                <a href="go.html" target="_blank" class="ppsx_tc">
                            <div class="ppsx_tc_xx">
                                <div class="ppsx_tc_xx1">
                                    <div class="ppsx_xx_zk"><span>79</span>元起</div>
                                    <div class="ppsx_xx_qg">立即抢购</div>
                                </div>
                            </div>
                        </a>
              </li>
              <li>
                <a href=""><img src="/Application/Home/Common/image/jinpin_3.png"/></a>
                <a href="go.html" target="_blank" class="ppsx_tc">
                            <div class="ppsx_tc_xx">
                                <div class="ppsx_tc_xx1">
                                    <div class="ppsx_xx_zk"><span>79</span>元起</div>
                                    <div class="ppsx_xx_qg">立即抢购</div>
                                </div>
                            </div>
                        </a>
              </li>
              <li>
                <a href=""><img src="/Application/Home/Common/image/jinpin_4.png"/></a>
                <a href="go.html" target="_blank" class="ppsx_tc">
                            <div class="ppsx_tc_xx">
                                <div class="ppsx_tc_xx1">
                                    <div class="ppsx_xx_zk"><span>79</span>元起</div>
                                    <div class="ppsx_xx_qg">立即抢购</div>
                                </div>
                            </div>
                        </a>
              </li>
            </ul>
          </div>
          <!--第三区-->
          <!--第四区-->
          <div class="day_box">
            <div class="qinha_title">
              <div class="v_h2">
                <p class="h2_top">热卖商品</p>
                        <p class="h2_bottom">精致好物 更快乐的生活</p>
              </div>
            </div>
            <ul class="day_goods">
            <volist name="ishot" id="vo">
              <li>
                <a href="{:U('Index/iemt',array('gid'=>$vo['id']))}" class="a_con_list">
                  <p class="p_img">
                   <if condition="is_array($vo['pic']) ==true">
                                            
                                            <img src="/Uploads/{$vo['pic']['0']}"/></span></br>
                                                    <else />
                  <img src="/Uploads/{$vo.pic}"/></span></br>
                  </if>
                  </p>
                </a>
                <p class="p_title">
                  <span>【7.5折】</span>{$vo.name}
                </p>
                <p class="p_p">
                  <span class="price1">￥<span>{$vo.mprice}</span></span>
                  <span class="price2"><del>{$vo.sprice}</del></span>
                  <a href="" class="gwc"></a>
                </p>
              </li>
              </volist>
              
            </ul>
          </div>
          <!--第四区-->
      </div>
      
      <!--商品区-->
      <!--下拉搜索-->
      <div id="nav" class="search_fixed">
        <div class="w1200">
          <div class="s_fixed_l"><img src="/Application/Home/Common/image/search_logo.png"/></div>
          <div class="s_fixed_r">
            <form action="" method="post">
                        <input placeholder="lumi 胶原蛋白" autocomplete="off" class="txt_f_sb" name="keyword" type="text">
                        <input value="搜索" class="f_btn_search" style="cursor:pointer" type="button">
            </form>
          </div>
        </div>
      </div>
      </block>
      <!--下拉搜索end-->
      <!--底部公用-->
      
      <!--底部end-->
      <!--左侧导航-->
      
      <!--左侧导航-->

